<template>
  <div id="app">
    <layout></layout>
  </div>
</template>

<script>
  import layout from "./layout";
  export default {
    name: "App",
    components: {
      layout,
    },
  };
</script>

<style>
* {
  padding: 0;
  margin: 0;
}

/* // 滚动条外观设置 */
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #fff;
}

::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: #f1f1f1;
  border-radius: 10px;
}

:deep(.avatar-uploader .el-upload) {
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}

.avatar-uploader-icon {
  border: 1px dashed #d9d9d9;
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}

.avatar {
  width: 178px;
  height: 178px;
  display: block;
}

.el-button--primary,
.el-button--primary:focus,
.el-button--primary.is-plain:hover {
  background-color: #7571F9;
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:hover {
  background-color: rgba(#7571f9, 0.6);
  border-color: rgba(#7571f9, 0.1);
}

.el-button--primary:hover,
.el-button--primary.is-plain,
.el-button--primary.is-plain:focus {
  color: #7571f9;
  background-color: rgba(#7571f9, 0.3);
  border-color: rgba(#7571f9, 0.3);
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:hover {
  color: rgba(#7571f9, 0.6);
  background-color: rgba(#7571f9, 0.2);
  border-color: rgba(#7571f9, 0.1);
}

.el-button--text {
  color: #7571f9;
}

.el-button--danger,
.el-button--danger:focus,
.el-button--danger.is-plain:hover {
  background-color: #CC0000;
  border-color: #CC0000;
}

.el-button--danger.is-disabled,
.el-button--danger.is-disabled:hover {
  background-color: rgba(#cc0000, 0.4);
  border-color: rgba(#cc0000, 0.1);
}

.el-button--danger:hover,
.el-button--danger.is-plain,
.el-button--danger.is-plain:focus {
  color: #cc0000;
  background-color: rgba(#cc0000, 0.3);
  border-color: rgba(#cc0000, 0.3);
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:hover {
  color: rgba(#cc0000, 0.5);
  background-color: rgba(#cc0000, 0.2);
  border-color: rgba(#cc0000, 0.1);
}

.el-button--primary:hover,
.el-button--danger:hover {
  color: #fff;
}

.el-table--border th.el-table__cell {
  color: #333;
  font-size: 16px;
  background-color: #f2f2f2;
}

.el-table__body td.el-table__cell {
  color: #333;
  font-size: 16px;

}

.el-form .el-form-item__label {
  font-weight: 500;
  color: #333;
  font-size: 16px;
}

.el-input--suffix .el-input__inner {
  height: 30px;
}
</style>